<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/8/29
  Time: 8:39
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="js/jquery-3.4.1.min.js"></script>
    <script>
        $( function(){
            $("#kkk").on("click",function(){
                $("#abc").text("loading1...");
                //异步访问后台服务
                $.ajax( {
                    url:"kkkk",
                    data:{name: "xiaohua", age:3},
                    dataType:"json",
                    success:function(res){
                        //成功后，把结果弄到界面上（10年以前的技术，违背现代前端设计师的信仰）
                        $("#abc").text(  res.name +"年龄:"+res.age );
                    },
                    error:function(){
                        alert('访问服务端异常');
                    }
                } );
                //$("#abc").text("loading2...");
            });
        });
    </script>
</head>
<body>
你好，我是k1
<img id="ttt" src="img/1.png">

<div id="abc">没有数据</div>
<div id="kkk">加载服务器数据</div>

</body>
</html>
